<template>
  <div class="app" id="app">
    <headerTitle></headerTitle>
    <navTab></navTab>
    <player></player>
    <keep-alive><router-view></router-view></keep-alive>
  </div>
</template>

<script>
import headerTitle from "./views/header/header.vue";
import navTab from "./views/navTab/navTab.vue";
import player from "./views/player/player.vue";

export default {
  name: "App",

  components: {
    headerTitle,
    navTab,
    player,
  },
};
</script>
<style lang="less" scoped>
@import "@styles/index.less";
::-webkit-scrollbar {
  display: none; /*隐藏滚轮*/
}
.app {
  background: @bgcolor;
  height: 100vh;
  position: fixed;
}
</style>
